<template>
  <div class="content">
    <div class="left">
      <module @nodeClick="nodeClick"></module>
    </div>
    <div class="right">
      <element-library :nodeIds="nodeIds"></element-library>
    </div>
  </div>
</template>

<script>
import Module from "./module"
import ElementLibrary from './elementLibrary'

export default {
  name: "",
  components: {Module, ElementLibrary},
  data() {
    return {
      nodeIds: [],
      status: false
    }
  },
  created() {
    if (!window.sessionStorage.getItem("projectId")) {
      this.$message.info("WEB测试相关的功能，需要先在统计图表模块页面选择项目！")
    }
  },
  methods: {
    nodeClick(data) {
      this.nodeIds = data
    }
  }

}
</script>

<style scoped>
.content {
  height: calc(100vh - 110px);
  background: #ffffff;
  margin: 20px;
  display: flex;
}

.left {
  width: 300px;
  border-right: 1px solid #ddd;
}

.right {
  flex: 1;
  padding: 20px;
}
</style>
